import { sanity } from "$lib/sanity-client";
import type { PageServerLoad } from "./$types";
import groq from "groq";
import type { ContactModel } from "./sections/contact.svelte";
import { fromLocalizedString } from "$lib/utils";
import type { HeroModel } from "./sections/hero.svelte";
import type { DescriptionModel } from "./sections/description.svelte";

export const load = (async ({ locals }) => {
	const contactSection = await sanity.fetch(groq`*[_type == "contact"][0]`);
	const heroSection = await sanity.fetch(groq`*[_type == "hero"][0]`);
	const descriptionSection = await sanity.fetch(groq`*[_type == "description"][0]`);
	const products = await sanity.fetch(groq`*[_type == "product"]`);
	return {
		contact: {
			phone: fromLocalizedString(contactSection.phone, locals.locale),
			email: fromLocalizedString(contactSection.email, locals.locale),
			phoneHours: fromLocalizedString(contactSection.phoneHours, locals.locale),
			addressLines: contactSection.addressLines.map((el: string | object) => fromLocalizedString(el, locals.locale)),
		} as ContactModel,
		hero: {
			title: heroSection.title,
			content: heroSection.content,
		} as HeroModel,
		description: {
			title: descriptionSection.title,
			content: descriptionSection.content,
		} as DescriptionModel,
		products: products
	};
}) satisfies PageServerLoad;